<template>
  <div id="mine">
    <van-nav-bar title="个人中心" />
    <van-cell title="我的订单" is-link to="/order" icon="balance-list" />
    <van-cell title="积分商城" is-link icon="shop" />
    <van-cell title="我的会员" is-link icon="gem" />
    <van-cell title="服务中心" is-link icon="manager" />
    <van-cell title="设置" is-link icon="setting" />
    <bottom :active="3"></bottom>
  </div>
</template>

<script>
import Bottom from "@/components/bottom";

export default {
  name: "mine",
  components: { Bottom },
};
</script>

<style lang="scss" scoped>
>>> .van-nav-bar {
  background: #42a5f3;
  color: #fff;
  .van-nav-bar__title {
    color: #fff;
  }
}
>>> .van-cell__left-icon,
.van-cell {
  font-size: 20px;
}
</style>